import { init } from 'snabbdom/build/init'
import { h } from 'snabbdom/build/h'

const patch = init([])

// h函数 参数1: 标签 + 选择器 、 参数2: 如果是字符串就是标签内的文字
let vnode = h('div#container.cls', [
    h('h1', 'Hello, snabbdom'),
    h('p', '这是一个p标签'),
])

// patch函数 参数1: 旧的vnode 、参数2: 新的vnode ,返回新的vnode
let app = document.querySelector('#app')
let oldVnode = patch(app, vnode)

setTimeout(()=> {
    vnode = h('div#container', [
        h('h2', 'h2 hello world'),
        h('p', 'p hello world'),
    ])
    patch(oldVnode, vnode)
},2000)